export default {
	// 此处编写的就是 Vue组件实例的 配置项，通过一定语法，可以直接混入到组件内部
	// data methods computed 生命周期函数 ...
	// 注意点：
	// 1. 如果此处 和 组件内，提供了同名的 data 或 methods， 则组件内优先级更高
	// 2. 如果编写了生命周期函数，则mixins中的生命周期函数 和 页面的生命周期函数，
	//    会用数组管理，统一执行
	created () {
		// console.log('嘎嘎')
	},
	data () {
		return {
			title: '标题'
		}
	},
	methods: {
		sayHi () {
			// console.log('你好')
		},

		// 根据登录状态，判断是否需要显示登录确认框
		// 1. 如果未登录 => 显示确认框 返回 true
		// 2. 如果已登录 => 啥也不干   返回 false
		loginConfirm () {
			// 判断 token 是否存在
			if (!this.$store.getters.token) {
				// 弹确认框
				this.$dialog.confirm({
					title: '温馨提示',
					message: '此时需要先登录才能继续操作哦',
					confirmButtonText: '去登陆',
					cancelButtonText: '再逛逛'
				})
					.then(() => {
						this.$router.replace({
							path: '/login',
							query: {
								backUrl: this.$route.fullPath
							}
						})
					})
					.catch(() => { })
				return true
			}
			return false
		}
	}
}
